@import url('../../variable.less');

.resource-card {

  &:hover {
    box-shadow: 0 4px 16px rgb(18 18 18 / 10%);
  }

  .resource-desc {
    display: flex;
    padding: 12px;
    height: 120px;

    .resource-img {
      width: 80px;
      height: fit-content;
      margin-right: 12px;
    }

    h3 {
      font-weight: 500;
      margin-top: 2px;
      display: -webkit-box;
      overflow: hidden;
      white-space: normal;
      text-overflow: ellipsis;
      word-wrap: break-word;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }

    p {
      font-size: 14px;
      margin-top: 10px;
      color: #666;
      display: -webkit-box;
      overflow: hidden;
      white-space: normal;
      text-overflow: ellipsis;
      word-wrap: break-word;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
  }

  .buttons {
    display: flex;

    .button {
      flex: 1;
      color: #555;

      &:hover {
        color: @mainColor;
      }
    }
  }
}
